<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title> Portal </title>
		<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/pure/0.6.0/pure-min.css" />
		<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/pure/0.6.0/grids-responsive-min.css" />

		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>

	<body>

	<div class="aside">
	</div>

	<header>
	</header>

	<div class="pure-g">
		<div class="pure-u-4-24">
		</div>

		<div class="pure-u-16-24">
			<div class="pure-g">
				<div class="pure-u-16-24">
				
					<div class="card">
						<div class="titlebar">
							<span class="title">XXX</span>

							<ul>
								<li class="active">
									<a href="" title="">xx</a>
								</li>
								<li>
									<a href="" title="">xx</a>
								</li>
							</ul>
						</div>
						<div class="content">
						</div>
					</div>
				</div>

				<div class="pure-u-1-24"></div>

				<div class="pure-u-7-24">

					<div class="card">
						<div class="titlebar">
							<span class="title">XXX</span>

							<ul>
								<li class="active">
									<a href="" title="">xx</a>
								</li>
								<li>
									<a href="" title="">xx</a>
								</li>
							</ul>
						</div>
						<div class="content">
						</div>
					</div>
				</div>

			</div>




			<div class="card">
			</div>
		</div>

		<div class="pure-u-4-24">
		</div>
	</div>

	</body>
</html>

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/underscore.js/1.7.0/underscore-min.js"></script>
<script type="text/javascript" src="main.js"></script>